<template>
  <div class="home">
    <!-- banner大图 -->
    <Banner />

    <div class="center">
      <!-- 精品推荐 -->
      <Recommend />

      <!-- 热门兑换 -->
      <Hot />
    </div>

    <!-- 积分兑换 -->
    <Integral />
  </div>
</template>

<script>
  import Banner from './childComps//Banner.vue'
  import Recommend from './childComps//Recommend.vue'
  import Hot from './childComps//Hot.vue'
  import Integral from './childComps//Integral.vue'
  export default {
    name: 'Home',
    components: {
      Banner,
      Recommend,
      Hot,
      Integral
    }
  }
</script>

<style lang="less" scoped>
  .center{
    padding-top: 1px;
    background: #F5F5F5;
  }
</style>